<!--
 * @Author: libing 9852442+liu-sheng-8667@user.noreply.gitee.com
 * @Date: 2024-04-12 22:45:04
 * @LastEditors: 李兵 964368540@qq.com
 * @LastEditTime: 2024-05-23 10:42:23
 * @FilePath: \crm\pages\customer\follow-records.vue
 * @Description: 跟进记录
-->
<template>
  <view class="follow-records">
    <u-navbar title="跟进记录" :autoBack="true" bgColor="transparent" />
    <view class="search-wrap">
      <u-search
        placeholder="请输入搜索内容"
        v-model="keyword"
        bgColor="#FFFFFF"
        height="74rpx"
        placeholderColor="#C1C5C9"
        :showAction="false"
      />
    </view>
    <view class="bg"></view>
    <scroll-view
      scroll-y="true"
      class="scroll-Y"
      @scrolltoupper="upper"
      @scrolltolower="lower"
    >
      <!-- 无限滚动列表 -->
      <view v-for="(item, index) in list" :key="index">
        <FollowItem :item="item" />
      </view>
      <u-loadmore iconType="circle" :status="status" />
    </scroll-view>
  </view>
</template>
<script>
import FollowItem from "./conponents/follow-item.vue";
import listPageMixins from "./mixins/scroll-list";
import { getCompanyFollowList } from "@/apis/customer/index";
export default {
  name: "follow-records",
  mixins: [listPageMixins],
  components: {
    FollowItem,
  },
  data() {
    return {
      queryApi: getCompanyFollowList,
      list: [
        // {
        //   name:'#客户名称#',
        //   createTime:'2024.03.17 12:24:32',
        //   status:'当面拜访',
        //   content:'跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下'
        // },
        // {
        //   name:'#客户名称#',
        //   createTime:'2024.03.17 12:24:32',
        //   status:'当面拜访',
        //   content:'跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下'
        // },
        // {
        //   name:'#客户名称#',
        //   createTime:'2024.03.17 12:24:32',
        //   status:'当面拜访',
        //   content:'跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下'
        // },
        // {
        //   name:'#客户名称#',
        //   createTime:'2024.03.17 12:24:32',
        //   status:'当面拜访',
        //   content:'跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下跟进内容，写一下'
        // }
      ],
    };
  },
  mounted() {
    this.getList();
  },
  methods: {},
};
</script>
<style scoped lang="scss">
.scroll-Y {
  height: calc(100vh - 300rpx);
}
.follow-records {
  height: 100vh;
  padding: 0 18rpx;
  background: #f2f4f5;
  .bg {
    height: 659rpx;
    background: linear-gradient(#f4eae9 0%, #f4e9e8 10%, #f2f4f5 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
  }
}

.search-wrap {
  margin-bottom: 20rpx;
  position: relative;
  z-index: 100;
}
</style>
